<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
    <link rel="stylesheet" href="./css/product.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2120931_a9st60mdhhn.css">
</head>
<body>
    <header>
        <div class="tele">
            <div class="container">
                <span class="teleNum">全国服务热线:400-0000-0000</span>
                <div class="right">
                    <a href="#">设为首页</a>
                    <a href="#">加入收藏</a>
                </div>
            </div>
        </div>
        <div class="head">
            <div class="content">
                <div class="logo">
                    <div style="height: 100%;">
                        tk科技有限公司
                        <div style="font-size: 0.8em;">13213232</div>
                    </div>
                </div>
                <div class="menu">
                    <ul>
                        <li class="active">
                            <div>
                                首页
                            </div>
                            <div>
                                home
                            </div>
                        </li>
                        <li>
                            <div>
                                关于我们
                            </div>
                            <div>
                                about
                            </div>
                        </li>
                        <li>
                            <div>
                                首页
                            </div>
                            <div>
                                home
                            </div>
                        </li>
                        <li>
                            <div>
                                产品
                            </div>
                            <div>
                                product
                            </div>
                        </li>
                        <li>
                            <div>
                                服务支持
                            </div>
                            <div>
                                service
                            </div>
                        </li>
                        <li>
                            <div>
                                新闻中心
                            </div>
                            <div>
                                news
                            </div>
                        </li>
                        <li>
                            <div>
                                在线商店
                            </div>
                            <div>
                                shop
                            </div>
                        </li>
                        <li>
                            <div>
                                联系我们
                            </div>
                            <div>
                                contact us
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="detail-banner">
    </div>
    <section>
        <!-- <i class="icon iconfont icon-iconfront-" ></i> -->
        <div class="bread">
            <span>首页</span>
            <i class="icon iconfont icon-xiangyou"></i>
            <span>新品发布</span>
            <i class="icon iconfont icon-xiangyou"></i>
            <span>S6207Y</span>
        </div>
    </section>
    <section class="pro-detail">
        <div class="picture">
            <div class="big-pig">
                <img src="./img/detail/big-pic.png" alt="">
            </div>
            <div class="small-pics">
                <img src="./img/detail/s-pic.png" alt="">
                <img src="./img/detail/s-pic.png" alt="">
                <img src="./img/detail/s-pic.png" alt="">
                <img src="./img/detail/s-pic.png" alt="">
                <img src="./img/detail/s-pic.png" alt="">
            </div>
        </div>
        <div class="introduction">
            <h2>百万高清网络摄像头</h2>
            <h3>型号：S6207Y</h3>
            <h5>描述：</h5>
            <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机观看</p>
            <ol type="1">
                <li>采用H.264 视频压缩技术，实现超低码率高清晰画质，128K-2056Kbps可调</li>
                <li>采用H.264 视频压缩技术，实现超低码率高清晰画质，128K-2056Kbps可调</li>
                <li>采用H.264 视频压缩技术，实现超低码率高清晰画质，128K-2056Kbps可调</li>
                <li>采用H.264 视频压缩技术，实现超低码率高清晰画质，128K-2056Kbps可调</li>
                <li>采用H.264 视频压缩技术，实现超低码率高清晰画质，128K-2056Kbps可调</li>
            </ol>
            <div class="buttons">
                    <button>立即购买</button>
                    <button>联系我们</button>
            </div>
        </div>
    </section>
    <section class="detail-con">
        <div class="title">
            <ul>
                <li class="items active">产品描述</li>
                <li class="items">规格参数</li>
                <li class="items">产品图集</li>
            </ul>
        </div>
        <div class="introduction1">
            <h1>720p高清画质</h1>
            <p>百万高清镜头，高性能海丝芯片</p>
            <p>1280X720分辨率,清晰度是普通摄像头三倍</p>
            <div class="pic">
                <img src="./img/detail/phone.png" alt="">
                <img src="./img/detail/big-pic.png" alt="">
            </div>
        </div>
        <div class="introduction1">
            <h1>10米红外夜视</h1>
            <p>零光源不用怕，成像一样清晰</p>
            <p>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰照射距离可达10米,内容内容内容内容</p>
            <div class="pic">
                <img src="./img/detail/detail1.png" alt="">
            </div>
        </div>
        <div class="introduction1">
            <h1>10米红外夜视</h1>
            <p>零光源不用怕，成像一样清晰</p>
            <p>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰照射距离可达10米,内容内容内容内容</p>
            <div class="pic">
                <img src="./img/detail/detail2.png" alt="">
            </div>
        </div>
        <div class="introduction1">
            <div class="pic">
                <img src="./img/detail/detail3.png" alt="">
            </div>
        </div>
    </section>
    <section class="params">
        <div class="title">
            <ul>
                <li class="items active">规格参数</li>
            </ul>
        </div>
        <div class="params-con">
            <div class="params-pic">
                <img src="./img/detail/detail-pic1.png" alt="">
                <img src="./img/detail/detail-pic2.png" alt="">
            </div>
            <div class="params-table">
                <img src="./img/detail/params-data.png" alt="">  
            </div>
        </div>
    </section>
    <section class="more">
        <div class="title">
            <ul>
                <li class="items active">更多产品</li>
            </ul>
        </div>
        <div class="more-pics">
            <img src="./img/detail/big-pic.png" alt="">
            <img src="./img/detail/big-pic.png" alt="">
            <img src="./img/detail/big-pic.png" alt="">
            <img src="./img/detail/big-pic.png" alt="">
            <img src="./img/detail/big-pic.png" alt="">
        </div>
    </section>
    <footer>
        <div class="contact">
            <div class="follow">
                关注我们：
                <i class="icon iconfont icon-weibo"></i>
                <i class="icon iconfont icon-weixin"></i>
                <i class="icon iconfont icon-QQ"></i>
            </div>
            <ul >
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
            </ul>
        </div>
    </footer>
    <div class="copyright">
        &copy; TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司
    </div>
</body>
</html>